/** Общие {start}**/
*{margin: 0;padding: 0; font-size: 1em; border: none; font-family: "sans-serif"}
.turn{margin-top: 2px; -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}
.top{margin-top: -20px}
/** {end}**/

/** Основные элементы интерфейса {start} **/
#polygon{width: 100%; height: 100%; overflow: hidden}
#polygon #workspace{width: 100%; height: 100%; position: relative}
#polygon #workspace .bind{position: absolute}
/** {end} **/

/** Панель управления {start} **/
#polygon #control-panel{background-color: #E3ECF5; width: 100%; height: 40px}

#polygon #control-panel #link-edit{padding: 10px; display: none}
#polygon #control-panel #link-edit ul{display: block; height: 20px; float: left; list-style: none}
#polygon #control-panel #link-edit li{cursor: pointer; height: 20px; width: 20px; display: none; float: left; background-repeat: no-repeat; background-position: center center}
#polygon #control-panel #link-edit li.active{display: block}
#polygon #control-panel #link-edit ul.line li{width: 100px}
#polygon #control-panel #link-edit ul.line li.line_a{background: url('../img/binds/line_a.png') repeat-x center}
#polygon #control-panel #link-edit ul.line li.line_b{background: url('../img/binds/line_b.png') repeat-x center}
#polygon #control-panel #link-edit input{float: left; display: block; margin: 0 5px}
#polygon #control-panel #link-edit input.multi{width: 40px}

#polygon #control-panel #link-edit ul li.empty{background-color: white}
#polygon #control-panel #link-edit a.ok{display: block; float: left; margin-left: 10px}
/** {end} **/

/** Объект класса {start} **/
.unit{position: absolute; z-index: 100}
.unit.hover-link{border: 1px dotted black; padding: 2px; margin: -3px}
.unit.hover-link .control{display: none !important}
.unit ul {list-style-type: none}
.unit .control{top: 0; position: absolute; right: -31px; width: 31px}
.unit .control .dummy{background-color: #E3ECF5; margin-left: 5px; border-radius: 3px; padding: 5px}
.unit .control .dummy a{display: block;}
.unit .control .dummy a.sep{margin-top: 5px;}
.unit .body{background: none repeat scroll 0 0 black; border-radius: 3px; padding: 2px}
.unit.active .body .name.editable{background-color: yellow}
.unit .body .name{background-color: #F5F5F5; border-bottom: 1px solid black; padding: 2px 5px; font-size: 1em; text-align: center}
.unit .body .editable .value{}
.unit .body .editable .edit{display: none}
.unit .body .attributes{background-color: #FFFFFF; border-bottom: 1px solid black}
.unit .body .attributes .attribute{padding: 2px 5px; border-bottom: 0.1px solid #EEEEEE}
.unit .body .methods{background-color: #FFFFFF}
.unit .body .methods .method{padding: 2px 5px; border-bottom: 0.1px solid #EEEEEE}
.unit .body li.add{background-color: #F5F5F5;border: medium none; cursor: pointer; height: 10px}
/** {end} **/

/** Типы связей {start} **/
#workspace .link .arrow{height: 16px; width: 16px; position: absolute; top: -8px}
.right{right: 0}
.left{left: 0}
.a_left{background-image: url('../img/binds/a_left.png')}
.a_right{background-image: url('../img/binds/a_right.png')}
.b_left{background-image: url('../img/binds/b_left.png')}
.b_right{background-image: url('../img/binds/b_right.png')}
.c_left{background-image: url('../img/binds/c_left.png')}
.c_right{background-image: url('../img/binds/c_right.png')}
.d{background-image: url('../img/binds/d.png')}
.i{background-image: url('../img/binds/i.png')}
.f{background-image: url('../img/binds/f.png')}
.empty{}
/** {end} **/

/** Линии связей {start} **/
#workspace .link{position: absolute; height: 1px}
#workspace .link .clickable_link{position: absolute; left: 0; top: -5px; height: 10px; width: 100%; cursor: pointer}
#workspace .link.line_a{background: white url('../img/binds/line_a.png');}
#workspace .link.line_b{background: white url('../img/binds/line_b.png');}
/** {end} **/

/** Текст связей {start} **/
#workspace .link .text{position: absolute}
#workspace .link .text.right{right: 0}
#workspace .link .text.left{left: 0}
/** {end} **/

/** Multi связей {start} **/
#workspace .link .multi{position: absolute}
#workspace .link .multi.right{right: 0}
#workspace .link .multi.left{left: 0}
/** {end} **/

/** Версия {start} **/
#polygon #version{position: absolute; right: 0; bottom: 0; font-size: 8em; font-weight: bold; color: #F5F5F5}
/** {end} **/